@{
    Layout = "~/Views/Shared/_Dashboard.cshtml";
}
@UIHelper.ImageTitle(Html.Global("Sys_SiteStat"), Html.Global("Sys_SiteStat_Tips"), "~/content/images/icon_chart_18.png")
<table style="width: 100%;" cellpadding="5" cellspacing="5">
    <tr>
        <td>
            @(
 Ajax.Dna().CollapsablePanel()
            .Header(@<text> <span style="padding: 5px; line-height: 35px">@Html.Global("WhoIsOnline_Visits")</span></text>)
            .Body(@<text>
            <div id="chartBody">
            </div>
            <script type="text/javascript">
                $(function () {
                    $("#chartBody").html("");
                    $("<img alt=\"traffic-image\"/>")
                    .attr("src","@(Url.Action("TrafficChart","Health", new { h = 200, part = "d" }))&w="+$("#chartBody").width())
                    .appendTo($("#chartBody"));
                });
            </script>
            </text>)
            .GetHtml()
        )
        </td>
        <td>
            @(
 Ajax.Dna().CollapsablePanel()
            .Header(@<text> <span style="padding: 5px; line-height: 35px">@Html.Global("Sys_BrowserCapabiltes")</span>
            </text>)
            .Body(@<text>
            <div id="browsertBody"></div>
                <script type="text/javascript">
                $(function () {
                    $("#browsertBody").html("");
                    $("<img alt=\"browser-image\"/>")
                    .attr("src","@(Url.Action("BrowserChart","Health", new { h = 200, part = "d" }))&w="+$("#browsertBody").width())
                    .appendTo($("#browsertBody"));
                });
                </script>
            </text>)
            .GetHtml()
        )
        </td>
    </tr>
    <tr>
        <td style="vertical-align:top;">
            @(
 Ajax.Dna().CollapsablePanel()
            .Header(@<text> <span style="padding: 5px; line-height: 30px">PageViews</span>
            </text>)
            .Body(@<text>
            <div id="spiderBody"></div>
                <script type="text/javascript">
                $("#spiderBody").html("");
                $(function () {
                    $("<img alt=\"spider-image\"/>")
                    .attr("src","@(Url.Action("PageViewChart","Health", new { h = 210 }))&w="+$("#spiderBody").width())
                    .appendTo($("#spiderBody"));
                });
                </script>
            </text>)
            .GetHtml()
        )
        </td>
        <td style="width: 50%;vertical-align:top;">
            @{
                Ajax.Dna().CollapsablePanel()
                           .Header(@<text> <span style="padding: 5px; line-height: 30px">@Html.Global("Sys_Top10Refering")</span>
            </text>)
                           .Body(() =>
                           {
                               Html.RenderAction("Referring", "Health");
                           })
                           .Render();
            }
        </td>
    </tr>
</table>

